<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>学习CSS</title>
		<style>
			/* 内联，引入样式表  CSS2语法 缺陷：先html后css*/
			@import url(css/学习CSS.css);
			
			/* 内部样式表：效果  
			 所有P元素添加背景颜色：紫色
			 选择器：抓取页面元素，统一添加
			 */
			p{
				background-color: mediumpurple;
			}
		</style>
         <!-- 外部样式表 href="相对路径+xxx。css"将css代码写在外部
		  link元素可以创建多个，必须平行
		  -->
		  <link rel="stylesheet" href="css/学习CSS.css" />
	</head>
	<body>
		<!-- 文本元素：span文本元素 -->
		<span>今天</span>是周四，<span>明天</span>是周五，<span>后天</span>放假
		<!-- 一、什么是CSS?
		     Cascading Style Sheets   层叠样式表，级联样式表，简称 样式表
			 【主要做元素效果
			 html5   元素   属性与属性值--针对单个元素作效果
			 css     控制任何元素 简介，推荐使用css代替html元素中的属性与属性值
			 】
			 功能：实现内容和表现分离【html结构   css样式】
			 二、使用CSS3样式表【效果、布局】
			    1.内联【级联】样式表：写法与属性与属性值基本一致【不用】
				2.内部样式表：在head元素中添加style元素，CSS3语法【练习专用】
				3.外部样式表：：在head元素中link外联【项目专用】
				4.引入样式表【CSS2】：在style元素中添加@import url()[不用]
			三、CSS基础语法
			    选择器{
					属性： 属性值；
				}
				重点：学习选择器使用--抓取页面元素
				      CSS属性与属性值：边框、盒模型、浮动、文本元素样式、动画..
			 -->
			 <p align="center">lorem</p>
			 <p align="center" >lorem</p>
			 <!-- 1.内联样式表语法:style="属性：属性值；属性：属性值；"-->
			 <p style="text-align: center;color: pink;">lorem</p>
			 <p align="center">lorem</p>
			 <p align="center">lorem</p>
	</body>
</html>